//引入header.scss  头部
@import'./modules/header.scss';
//引入footer.scss 尾部
@import'./modules/footer.scss';


body{
    background-color:#fff;
}
.contentlist{
    background-color: #f8f8f8;
    width: 1200px;
    padding-top: 30px;
    margin:0 auto;
    div{
        width: 94%;
        margin-top:60px;
        margin-left:38px;
        img{
            width: 100%;
        }
    }
    .goodlist{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        background-color: #f8f8f8;
        padding-top:60px;
        margin: 0;
        padding-bottom:60px;
        padding-left: 40px;
         li{
            background-color: #fff;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content:space-evenly;
            padding: 10px;
            width: 280px;
            height: 410px;
            margin: 1px;
            img{
                padding-top: 30px;
                width: 96%;
                margin-bottom: 20px;
            }
            .breaktitle{
                font-size: 16px;
                color: #373737;
                margin: 0px;
                text-align: center;
                padding-bottom: 6px;
            }
            p{
                color: #909090;
            }
            span{
                color: #d39758;
            }
        }
    }
}
    ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
    }
    .box{
        text-align: center;
        padding-bottom: 50px;
    }